<template>
  <div class="content">
    <section class="branch_info">
      <div class="branch_item">
        <div class="branch_item_register">
          <div class="register_left ">
            <span>机构名称：</span>
            <p><router-link to="/">阿里巴巴（中国）网络技术有限公司北京分公司</router-link></p>
          </div>
          <div class="register_right">
            <el-tag color="#4BBE94" style="color:#fff;">开业</el-tag>
          </div>
        </div>
        <div class="branch_item_name">
          <span>负 责 人：</span>
          <p><router-link to="/">余勇</router-link></p>
        </div>
        <div class="branch_item_name">
          <span>成立日期：</span>
          <p>2001-02-20</p>
        </div>
        <div class="branch_item_name">
          <span>注册地址：</span>
          <p><router-link to="/">北京市朝阳区西大望甲（国家广场B座）</router-link></p>
        </div>
      </div>
    </section>
    
  </div>
</template>

<script>
export default {
  name:"business",
  data () {
    return {

    }
  },
  created () {

  }
}
</script>

<style scoped>
.branch_info{
  background: #fff;
  border-bottom: 1px solid #DDDDDD;
}
.branch_item{
  padding: 24px;
}
.branch_item_name{
  justify-content: flex-start;
}
.branch_item_register, .branch_item_name{
  display: flex;
  justify-content: space-between;
  margin: 24px;
}
.branch_item_register{
  margin-top: 0;
}
.branch_item_name:last-child{
  margin-bottom: 0;
}
.branch_item_name{
  justify-content: flex-start;
}
.register_left p, .branch_item_name p{
  width: 76%;
}
.register_left, .register_right{
  display: flex;
}
.title_code{
  font-size: 24px;
}
.title_code span{
  font-size: 20px;
  color: #333;
  font-weight: 500;
}
.code_weight p{
  font-weight: 500;
  font-size: 20px;
}
.branch_item_name span, .register_left span {
  text-align:center;
  letter-spacing: 4px;
}

</style>
